/*header-top*/
#header-top{height:40px; font-size:16px;margin:0 auto;text-align:center;font-size:14px;background:#eee;}


.headernav-top{display: inline-block;width:100%;position:relative;text-align:left;padding-top:15px;float:left;padding:0px;white-space:nowrap;height:40px;overflow:hidden;}

.headernav-top ul{float:left;position:absolute;padding-left: 20px;width:100%;line-height: 40px;}
.headernav-top li{float:left;margin-left:10px;color:#222;}
/*
.diy-mob-cate{position: absolute;top: 0px;right: 0px;padding-right:20px;padding-top:5px;}
*/
.headernav-top ul li.title a:link{color:#444;text-decoration:none;}
.headernav-top ul li.title a:visited{color:#444;text-decoration:none;}
.headernav-top ul li.title a:hover,a:active{color:#000;text-decoration:none;}

.headernav-top .title{letter-spacing:1px;color:#000;}

#home-header-menu{
  
}

.select-submenu img:hover
{
  transform: scale(1.03);
  opacity: 1;  
}

.select-submenu img
{
  opacity: .99;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

/*header*/
#header{height:90px;margin:0 auto;text-align:center;color:#000;font-size:12px;background:#222;}


.headernav{display: inline-block;width:100%;position:relative;text-align:left;margin-top:15px;float:left;padding:0px;white-space:nowrap;height:65px;overflow:hidden;}

.headernav ul{cursor:pointer;float:left;position:relative;left:5%;width:16%;padding-top: 10px;}
.headernav li{float:left;margin-left:10px;}
.headernav .icon{}
.headernav .title{letter-spacing:1px;color:#fff;font-size:16px;}
.headernav .title a:link,a:visited{color:#fff;text-decoration:none;}
.headernav .title a:hover,a:active{color:#fff;text-decoration:none;}
.headernav span.note{letter-spacing:1px;color:#eee; font-size:13px;line-height: 35px;}

.header-link img:hover{  

  transform: scale(1.05);
  opacity: 1;  
}

.header-link img{

  opacity: 1;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

#header-nav-item .selected:hover{
  transform: scale(1);
  font-size:17px;
  opacity: 1;
}

#header-nav-item .selected{
	opacity: 1;
	font-size:16px;
  color:#fff;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.select-submenu dl a:hover{
  transform: scale(1.01);
  font-size:17px;
}

.select-submenu dl a{	
  font-size:16px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}